<template>
  <div class="table">
    <div class="wrapper">
      <el-input
        @change="searchInput"
        v-model="input"
        placeholder="请输入内容"
      ></el-input>
      <el-button type="success">查询</el-button>
  
    
    </div>
    <div class="list">
    <el-table
      ref="multipleTable"
      :data="tableData"
      tooltip-effect="dark"
      style="width: 100%"
      border
    >
      <el-table-column type="selection" width="55"> </el-table-column>
      <el-table-column prop="id" label="学生学号" width="120"> </el-table-column>
      <el-table-column prop="name" label="学生姓名"  width="120" show-overflow-tooltip></el-table-column>
      <el-table-column prop="checkTimes" label="签到次数"  width="120" show-overflow-tooltip></el-table-column>
      <el-table-column prop="absencesTimes" label="缺勤次数"  width="120" show-overflow-tooltip></el-table-column>
      <el-table-column prop="leaveTimes" label="请假次数"  width="120" show-overflow-tooltip></el-table-column>
      <el-table-column prop="e_l_times" label="迟到/早退次数"  width="120" show-overflow-tooltip></el-table-column>
    </el-table>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },{
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },{
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },{
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },{
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },{
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },{
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          checkTimes:'',
          absencesTimes:'',
          leaveTimes:'',
          e_l_times:'',
        },],

    };
  },


};
</script>

<style lang="less" scoped>
.table {
  margin: 20px;
  border: 2px solid #eee;
  
}
.wrapper{
  display: flex;
  button{
    margin-left: 20px;
  
  }

}
.list{
  margin: 20px 0;
}
</style>